<%@page import="fr.uniscol.model.BaseAnneeScolaire"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>

<link rel="stylesheet" href="<c:url value="/resources/datepicker/css/datepicker.css" />">
<script src="<c:url value="/resources/datepicker/js/bootstrap-datepicker.js"/>"></script>

<script type="text/javascript">
	$(document).ready(function(){
		$("#tabs").tabs({active : 0});
	});
</script>

<h3>${eleve.nom} ${eleve.prenom}</h3>

<div class="container-fluid">
    <div class="row">
         <form:form name="frmEleve" modelAttribute="eleve" action="eleve.save" method="post" class="form-horizontal" role="form">
            <form:input path="id" type="hidden" name="id" value="${eleve.id}" />

            <div class="form-group">
                <label class="col-sm-1 control-label" for="nom">Nom</label>
                <div class="col-sm-4">
                    <form:input path="nom" placeholder="Nom" required="true" class="form-control" value="${eleve.nom}"/>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-1 control-label" for="nom">Prénom</label>
                <div class="col-sm-4">
                    <form:input path="prenom" placeholder="Prénom" required="true" class="form-control" value="${eleve.prenom}"/>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-1 control-label" for="nom">N°INE</label>
                <div class="col-sm-4">
                    <form:input path="ine" placeholder="INE" required="true" class="form-control" value="${eleve.ine}"/>
                </div>
            </div>
                
            <div class="form-group">
                <label class="col-sm-1 control-label" for="idSiecle">ID SIECLE</label>
                <div class="col-sm-4">
                    <form:input path="idSiecle" placeholder="Siecle" required="true" class="form-control" />
                </div>
            </div>
                
            <div class="col-sm-offset-8 col-sm-2 form-group">
                <form:button type="submit" class="btn btn-primary btn-md">Enregistrer</form:button>
            </div>

        </form:form>
    </div>
    <div class="row">
        <div id="tabs" class="col-sm-10">
            <ul id="tabsMenu" class="nav nav-tabs nav-justified">
              <li><a href="#scolariteTab">Scolarité</a></li>
              <li><a href="#edtTab">Emploi du temps</a></li>
              <li><a href="#notesTab">Bulletins</a></li>
              <li><a href="#vieScolaireTab">Vie scolaire</a></li>
              <li><a href="#messagesTab">Messages</a></li>
            </ul>

            <div id="scolariteTab">
                <jsp:include page="scolarites_eleve.jsp" />
            </div>

            <div id="edtTab">
                <jsp:include page="edt.jsp" />
            </div>

            <div id="notesTab">
                Notes (TODO)
            </div>

            <div id="vieScolaireTab">
                Vie Scolaire (TODO)
            </div>

            <div id="messagesTab">
                Messages (TODO)
            </div>
        </div>
	</div>
</div>